<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户注册</title>
</head>
<body>
<center>
  <h1>用户注册</h1>
  <!--
          <form>:表单，用于将用户在页面上输入的信息提交给服务端使用
                 注意:只有被包含在form里面的输入框才会被提交!
                 form上有两个重要的属性:
                 action:用于指定表单提交的位置，该位置需要服务端配合
                 method:提交方式，有两个值:get,post
                        get:地址栏形式提交，数据会被包含在URL的抽象路径部分
                        post:打包提交，数据会被包含在请求的消息正文中
                        当表单含有用户隐私信息或附件上传是应当使用post提交。
                        注:method属性不指定时，默认为get形式提交

          <input type="submit">:提交按钮,这个按钮的作用是将包含它的form表单
                                进行提交。

          注意:form表单中所有输入框都要使用name属性指定名字，否则提交表单时会被
              表单忽略。
       -->

  <!--
       提交表单后，浏览器地址栏内容大致如下:
       http://localhost:8080/regUser?username=fancq&password=123456&nickname=chuanqi&age=22

       其中抽象路径部分为:
       /regUser?username=fancq&password=123456&nickname=chuanqi&age=22
       “?”是一个分隔符，左侧内容是form表单action指定的提交位置。右侧是表单数据
       表单数据的格式:
       输入框1的名字=输入框1的值&输入框2的名字=输入框2的值&.....
       -->
  <form action="/regUser" method="get">
    <table border="1">
      <tr>
        <td>用户名</td>
        <td><input name="username" type="text"></td>
      </tr>
      <tr>
        <td>密码</td>
        <td><input name="password" type="password"></td>
      </tr>
      <tr>
        <td>昵称</td>
        <td><input name="nickname" type="text"></td>
      </tr>
      <tr>
        <td>年龄</td>
        <td><input name="age" type="number"></td>
      </tr>
      <tr>
        <td colspan="2" align="center">
          <input type="submit" value="注册">
        </td>
      </tr>
    </table>
  </form>
</center>
</body>
</html>